{% extends "base.html" %}

{% block subtitle %}
  Main Page
{% endblock subtitle %}

{% block content %}
  <div class="oppia-content">

    <br>

    <iframe id="demoExploration" src="/learn/0?iframed=true" width="100%" height="700px"
            frameborder="0"></iframe>

    <hr>
    <div class="row-fluid">
      <div class="span6">
        <center class="oppia-btn-container">
          <a class="btn oppia-btn" href="/gallery">Browse more explorations</a>
        </center>
      </div>
      <div class="span6">
        <center class="oppia-btn-container">
          <a class="btn oppia-btn" href="/learn_random">Play a new exploration</a>
        </center>
      </div>
    </div>

  </div>
{% endblock %}
